html, body, div, p, ul, ol, li {
  margin: 0;
  padding: 0;
}
a {
  text-decoration: none;
}
li {
  list-style: none;
}
html, body {
  font-size: 14px;
  font-family: "微软雅黑";
}

/* 头部 */
.top {
  width: 100%;
  min-width: 1000px;
  height: 182px;
  background: url(../img/xian.png) repeat-x;
}
.top-cen {
  width: 1000px;
  height: 100%;
  background: url(../img/b.gif) no-repeat;
  margin: auto;
}
.top-nav {
  width: auto;
  height：auto;
  margin-left: 90px;
  margin-top: 8px;
  overflow: hidden;
}
.top-nav li {
  float: left;
  width: 100px;
}
.top-nav li a {
  color: black;
}
.top-nav li:hover a {
  color: red;
}
.top-nav li a p {
  color: #B3B3B3;
  margin-left: 15px;
  text-transform: uppercase;
  font-size: 10px;
}
.top-nav li a p:hover {
  color: #000;
}

/* banner */
.banner {
  width: 100%;
  min-width: 1000px;
  height: 525px;
  background: url(../img/banner_1.jpg)repeat-x;
  background-position: center;
  position: relative;
}
.banner>a {
  display: block;
  width: 100%;
  height: 100%;
}
.banner-ul {
  width: 1000px;
  height: 34px;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -500px;
}
.banner-ul li {
  width: 210px;
  height: 34px;
  background-color: #000;
  float: left;
  margin-left: 9px;
  color: #fff;
  line-height: 34px;
  text-align: center;
}
#ul-left {
  width: 57px;
  height: 34px;
  background: url(../img/arr.png)no-repeat;
  margin-left: 0px;
}
#ul-left:hover {
  background-position: 0 -34px;
}
#ul-right {
  width: 57px;
  height: 34px;
  background: url(../img/arr.png)no-repeat;
  background-position: -57px 0;
}
#ul-right:hover {
  background-position: -57px -34px;
}
.banner-ul li:hover {
  background: red;
}
/* web */
body {
  background: #f0f0f0;
}
.web {
  width: 1000px;
  height: 98px;
  margin: 2px auto;
  overflow: hidden;
}
.web>div {
  float: left;
  height: 100%;
}
.web-1 {
  width: 258px;
  background: url('../img/phone.png');
  margin-left: 0px;
}
.web-2 {
  width: 185px;
  background: url(../img/zixun.png);
  margin-left: 2px;
}
.web-3 {
  width: 184px;
  background: url(../img/g.png);
  margin-left: 2px;
  position: relative;
}
.web-4 {
  width: 367px;
  background: url(../img/address.png);
  margin-left: 2px;
}
.web>div>a {
  display: block;
  width: 100%;
  height: 100%;
}
.web-3>div {
  width: 40px;
  height: 40px;
  border-radius: 40px;
  position: absolute;
}
.web-3-1 {
  top: 46.1px;
  left: 26.1px;
  background: url(../img/weibo.png);
}
.web-3-1:hover, .web-3-2:hover, .web-3-3:hover {
  -webkit-transform: scale(1.3, 1.3);
  -moz-transform: scale(1.3, 1.3);
  -ms-transform: scale(1.3, 1.3);
  -o-transform: scale(1.3, 1.3);
  transform: scale(1.3, 1.3);
}
.web-3-2 {
  top: 45px;
  left: 69px;
  background: url(../img/QQkj.png);
}
.web-3-3 {
  top: 45px;
  left: 111px;
  background: url(../img/TXwb.png);
}
.web-3>div>a {
  display: block;
  width: 100%;
  height: 100%;
}

/* centers */
.centers {
  width: 1000px;
  height: 500px;
  background: #FFFFFF;
  margin: 5px auto;
}
.centers>div {
  float: left;
}
.centers-left {
  width: 620px;
  height: 500px;
}
.centers-right {
  width: 370px;
  height: 500px;
  margin-left: 5px;
  margin-top: 8px;
}
.centers-right img {
  margin-bottom: 0px;
  margin-left: 18px;
}
.cen-left {
  width: 620px;
  height: 218px;
  overflow: hidden;
}
.cen-left>div {
  float: left;
}
.cen-left-img {
  width: 315px;
  height: 215px;
  border: 1px solid;
  margin-left: 5px;
}
.cen-left-img img {
  width: 308px;
  height: 208px;
  padding-top: 3px;
  padding-left: 3px;
}
.cen-right-list ul li {
  width: 280px;
  height: 65px;
  position: relative;
}
.cen-right-list {
  margin-top: 10px;
  margin-left: 10px;
  position: relative;
}
.list-1 {
  width: 280px;
  height: 65px;
  background: url(../img/ico_bg1.gif) no-repeat;
  position: relative;
}
.list-2 {
  background: url(../img/ico_bg2.gif) no-repeat;
  margin-top: 0px;
}
.list-3 {
  background: url(../img/ico_bg3.gif) no-repeat;
}
.list-1:hover, .list-2:hover, .list-3:hover {
  background-position: 0 -65px;
}
.cen-right-list ul li a {
  display: block;
  width: 228px;
  color: black;
  font-size: 13px;
  position: absolute;
  top: 15px;
  left: 40px;
}
.cen-right-list ul li a:hover {
  color: red;
}
.bowttn {
  width: 620px;
  height: auto;
  background: red;
}
.bowttn>div {
  float: left;
}
.bowttn-left {
  width: 45%;
  height: auto;
  padding-left: 10px;
  padding-top: 8px;
}
.list-01 {
  margin-bottom: 5px;
}
.xinwen {
  font-size: 18px;
}
.a1 a {
  font-size: 12px;
  margin-left: 10px;
  color: #883e3f;
}
.bowttn-left ul li a span {
  font-size: 13px;
  color: black;
}
.list01:hover span, .list02:hover span, .list03:hover span, .list04:hover span {
  color: red;
  cursor: pointer;
}
.bowttn-right {
  width: 45%;
  height: auto;
  margin-left: 48px;
  margin-top: 8px;
}
.bowttn-right ul li a span {
  font-size: 13px;
  color: black;
}
.work {
  width: 1000px;
  height: 425px;
  background: #FFFFFF;
  margin: 10px auto;
}
.word ul li {
  float: left;
  width: 240px;
  height: 326px;
  margin-right: 5px;
}
#work-1 {
  margin-left: 13px;
  background: url(../img/imgs-1.png.png)no-repeat;
}
#work-2 {
  background: url(../img/imgs-2.png.png)no-repeat;
}
#work-3 {
  background: url(../img/imgs-3.png.png)no-repeat;
}
#work-4 {
  background: url(../img/imgs-4.png.png)no-repeat;
}
.work-meng {
  width: 100%;
  height: 0px;
  background-color: rgba(0, 0, 0, .5);
  position: relative;
  overflow: hidden;
  transition: .5s;
}
.work-font {
  position: absolute;
  bottom: 15px;
  left: 130px;
  color: #fff;
}
.work-font p {
  font-size: 15px;
}
#work-1:hover .work-meng, #work-2:hover .work-meng, #work-3:hover .work-meng, #work-4:hover .work-meng {
  height: 100%;
}

/* 底部 */
.fooder {
  width: 100%;
  min-width: 1000px;
  background: #2e2e2e;
}
.fooder-1 {
  width: 1000px;
  height: 280px;
  margin: auto;
  overflow: hidden;
}
.fooder-1>div {
  float: left;
}
.fooder-left {
  width: 300px;
  height: 230px;
  background: url(../img/bottom-img_03.png) no-repeat;
  position: relative;
}
.fooder-left p, .fooder-left span {
  color: #979797;
  font-size: 12px;
}
.fooder-left p {
  position: absolute;
  bottom: 79px;
  left: 128px;
}
.fooder-left span {
  position: absolute;
  bottom: 40px;
  left: 128px;
}
.fooder-right {
  float: right;
  width: 600px;
  height: 240px;
  margin-left: 100px;
}
.fooder-right>div {
  width: 140px;
  float: left;
  margin: 10px 10px 0 0;
}
.fooder-right>div>p {
  width: 130px;
  height: 25px;
  line-height: 25px;
  background: black;
  color: #fff;
  padding-left: 10px;
  font-weight: bold;
}
.fooder-right>div>ul>li {
  list-style-type: disc;
  list-style-position: inside;
  height: 20px;
  line-height: 20px;
  color: #969696;
  margin: 5px 0 0;
  padding-left: 12px;
  font-size: 12px;
}
.fooder-right>div>ul>li a {
  color: #969696;
}
.fooder-right>div>ul>li:hover, .fooder-right>div:hover p {
  background: #676767;
}
.dadiv {
  width: 100%;
  min-width: 1000px;
}
.ziti-imgs {
  width: 100%;
  min-width: 1000px;
  height: 100px;
  background: url(../img/ziti.png.png) repeat-x;
  background-position: center;
}
.zuihou {
  width: 100%;
  min-width: 1000px;
  height: 73px;
  background: #1f1f1f;
}
.zuihou {
  color: #979797;
  position: relative;
}
.zuihou div {
  position: absolute;
  top: 10px;
  left: 50%;
  margin-left: -500px;
  line-height: 30px;
}

.dibu{
    width:100%;
    min-width:1000px;
    height:112px;
    background-color:black;
    position:relative;
   }
.dibu>a{
  color:#fff;
  position:absolute;
  top:15px;
  left:50%;
  margin-left:-520px;
}